.split-view
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}
    .split-view > .slim {
        flex: 1 1 20rem;
    }
    .split-view > .content {
        flex: 1 1 100%;
    }

/* typical phone screen resolution */
@media only screen and (max-width : 1024px) {
    .split-view {
        display: block !important;
        gap: 1rem;
    }

        .split-view .slim {
            /*flex:1 1 100% !important;*/
            max-height: unset !important;
        }
}